
    .bg{
    width: 100%; 
    height: 100%; 
    position: fixed; 
    top: 0; 
    left: 0;  
    z-index: 990; 
    background-color:rgb(0, 0, 0);  
    opacity: 0.3;
   }

  .active{
    width: 80%;
    height:80%;
    /* background-color: #fff; */
    position: absolute;
    top:100rpx;
    left:50%;
    transform: translate(-50%);
    z-index: 992;
    .active-content{
        width: 600rpx;
        height:800rpx;
        background-color: blue ;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        text-align: center;
        .active-img{
            width: 100%;
            height: 100%;
            border-radius: 10rpx;
       }      
     }
   }

   .cancel{
    font-size: large;
    width: 60rpx;
    height: 60rpx;
    line-height: 60rpx;
    text-align: center;
    position: absolute;
    bottom:-120rpx;
    right: 50%;
    transform: translate(50%);
    color: #b7b5b4;
    z-index: 998;
    border-radius: 30rpx;
    background-color: #fff;
 }

   /* 储值 */
 .store{
  width: 500rpx;
  height:700rpx;
  /* background-color: #fff; */
  position: absolute;
  top:280rpx;
  left:50%;
  transform: translate(-50%);
  z-index: 992;
  .store-content{
    width: 500rpx;
    height:700rpx;
    /* background-color: blue ; */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    .store-img{
      width: 100%;
      height: 100%;
      border-radius: 10rpx;
     }
     .store-favourable{
      display: flex;
      flex-flow: row wrap;
      /* align-content: space-between; */
      align-items: center;
      position: absolute;
      width: 368rpx;
      height: 320rpx;
      top: 46%;
      left: 50%;
      transform: translate(-50%,-50%);
      /* border: 1px solid #000; */
      .store-favourable-item{
        width: 100%;
        height: 70rpx;
        line-height: 70rpx;
        /* border: 2rpx solid #F7F7F7; */
        border-radius: 8rpx;
        color: #fff;
        font-size: 28rpx;
        font-family: PingFang SC;
        font-weight: 500;
       }
    }
   }
 }

 
  .btn{
    position: absolute;
    width: 368rpx;
    height: 70rpx;
    line-height: 70rpx;
    bottom:80rpx;
   left: 50%;
   transform: translate(-50%,-50%);
   /* box-shadow: 0 8rpx 7rpx 0 rgba(229,54,48,0.1800); */
   border-radius: 8rpx;
   font-size: 28rpx;
    font-family: PingFang SC;
    font-weight: bold;
    color: #FFFAE8;
   /* background-color: #fcc60c; */
  }

 /* 悬浮图 */
  .suspension{
    pointer-events:none;
    /* 这个属性设置为none,让所有事件穿透过去 */
    z-index: 100;
    width: 100%;
    height: 100%;
    position: fixed;
    top:180rpx;
    left: 0rpx;
    right: 0rpx;
    bottom: 0rpx;

    .movable-view{
        pointer-events:auto;
        /* 重设为auto,覆盖父属性设置  宽高要跟图片大小一致*/
        height: 160rpx;
        width: 160rpx;
        /* background: red; */
        
        .cancel-small-pic{
            position: absolute;
            right: 8rpx;
            top: -30rpx;
           background-color: #fff;
            width: 40rpx;
            height: 40rpx;
            text-align: center;
            line-height:40rpx ;
            border-radius: 50%;
            z-index: 99;
          }

        .small-pic{
            width: 100%;
            height: 100%;
            border-radius: 50%;
          }
       }
  }

 
 

  
  